<template>  
  <view class="map-container">  
    <div id="mapContainer" style="width: 100%; height: 500px;"></div>  
    <!-- 定位并导航按钮 -->  
    <button @click="navigateToDestination">定位并导航</button>  
  </view>  
</template>  
  
<script>  
export default {  
  mounted() {  
    this.initMap();  
  },  
  methods: {  
    initMap() {  
      // ... 初始化地图的代码（与上面相同）  
    },  
    // 定位到当前位置并跳转到高德导航页面的方法  
    navigateToDestination() {  
      // 这里只是一个示例，你需要根据实际情况来获取起点和终点的位置信息  
      const start = '我的位置'; // 可以使用 AMap.Geolocation 来获取当前位置  
      const destination = '北京市, 朝阳区'; // 目标位置，可以是地址、经纬度等  
  
      // 构造高德导航的 URL  
      const naviUrl = 'http://uri.amap.com/navigation?to='+a+','+b+','+c+'&mode=car&src=nyx_super;'
  
      // 打开高德导航页面  
      window.open(naviUrl, '_blank');  
    },  
    // ... 其他方法（如 locateUser）  
  },  
};  
</script>  
  
<style scoped>  
.map-container {  
  width: 100%;  
  height: 500px; /* 设置地图容器的高度 */  
}  
</style>